<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>KISSY.gallery.form</title>
<link rel="shortcut icon" href="../../../../kissy-dpl/base/assets/favicon.ico"/>
<link rel="stylesheet" href="../../../../kissy-dpl/base/assets/reset.css"/>
<link rel="stylesheet" href="../../../../kissy-dpl/base/assets/kissy-docs.css"/>
<script src="http://a.tbcdn.cn/s/kissy/1.2.0/kissy.js" charset="utf-8"></script>
<style>
    h1, h4 {
        font-family: 'MicroSoft YaHei';
        padding: 10px;
        margin: 10px 0;
    }

    h1 {
        font-size: 36px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc;
    }

    h4 {
        font-size: 24px;
        padding: 0 10px;
        margin: 0 0 10px;
    }

    h5 {
        font-size: 14px;
        font-weight: bold;
    }

    button {
        padding: 5px 10px;
        margin-top: 10px;
    }

    select {
        padding: 2px;
    }

    .section {
        border: 1px solid #efefef;
        padding: 10px;
        margin: 30px 0;
        border-radius: 5px;
    }

    h4 {
        padding-bottom: 5px;
        border-bottom: 1px solid #ccc;
    }

    #gj p, #guard {
        padding: 10px 0;
        font-size: 24px;
        font-weight: bold;
        font-family: '楷体';
        color: #c00;
    }

    .g {
        display: none;
    }

</style>
<script src="../../../../kissy/build/kissy.js"></script>
<script src="../../../../kissy-dpl/base/assets/kissy-docs.js"></script>
<link rel="stylesheet" href="assets/scroll.css"/>
<link rel="stylesheet" href="assets/clear.css"/>
<link rel="stylesheet" href="assets/chrome.css"/>


</head>
<body>
<div id="header">
    <h1 class="logo"><a alt="KISSY" href="http://kissyui.com/"><img src="../../../../kissy-dpl/base/assets/logo.png"/></a></h1>
    <div class="sub-title">Gallery</div>
    <ul class="navigation">
        <li><a href="http://blog.kissyui.com/">博客</a></li>
        <li><a href="http://github.com/kissyteam">源码</a></li>
    </ul>

</div>
<div id="content">
    <div class="s-crumbs">
        <span>当前位置：</span>
        <a href="http://kissyui.com/">KISSY</a>
        <a href="../../../index.html">Gallery</a>
        <span>form</span>
    </div>
    <pre class="s-section">
        作者：明河（剑平）、紫英、张挺、牧云、易敛、飞绿、伯方
        功能：表单组件合集，目前包含uploader（异步文件上传）
        版本：V1.1.3
    </pre>
    <h3 class="s-title">Uploader：异步文件上传组件</h3>
    <p>作者：明河（剑平）、紫英、飞绿</p>
    <p>（V1.0弃用）</p>
    <p>demo：<a href="http://www.36ria.com/demo/gal/gallery/form/1.1/demo/form/uploader/index.html" target="_blank">
        
        V1.1demo</a>（V1.0弃用）</p>

    <p>文档：<a href="http://www.36ria.com/demo/gal/gallery/form/1.1/doc/index.html" target="_blank">V1.1文档</a></p>
    <p>
        <img src="http://www.36ria.com/demo/gal/demo/form/uploader/assets/demo-1.png" alt="demo">
    </p>
    <h3 class="s-title">Checkbox：模拟多选框</h3>
    <p>作者：伯方</p>
    <div class="demo-wrapper">
        <form action="">
            <ul id="J_Content">
                <li><input type="checkbox" name="ch-1" value="ch1">1 1 1 1</li>
                <li><input type="checkbox" name="ch-2" value="ch2">2 2 2 2</li>
                <li><input disabled="disabled" type="checkbox" name="ch-3" value="ch3">3 3 3 3</li>
                <li><input disabled="disabled" type="checkbox" name="ch-4" value="ch4">4 4 4 4</li>
                <li><input type="checkbox" name="ch-5" value="ch5">5 5 5 5</li>
                <li><input type="checkbox" name="ch-6" value="ch6">6 6 6 6</li>
                <li><input type="checkbox" name="ch-7" value="ch7">7 7 7 7</li>
                <li><input type="checkbox" checked="checked" name="ch-8" value="ch8">8 8 8 8</li>
                <li><input type="checkbox"  checked="checked" name="ch-9" value="ch9">9 9 9 9</li>
            </ul>
        </form>
    </div>
</div>
<div id="footer">
    &copy; Copyright 2010~2011, KISSY Team.
</div>
<script type="text/javascript">
    KISSY.config({
        packages:[ {
            name:"gallery",
            path:"../../../",
            charset:"utf-8"
        } ]
    });
    KISSY.use('gallery/form/1.1/checkbox/index,node', function (S, Checkbox,Node) {
        var r = new Checkbox('#J_Content input');
        r.render();
    })
</script>
</body>
</html>